import React, { Component } from 'react'
import './style/header.scss'
class header extends Component {
    constructor() {
        super()
    }
    render() {
        return (
            <>
                <header>
                    <div className='header'>
                        <div className='top'>
                            <div>
                                <span>北京</span>
                            </div>
                            <div>
                                <ul>
                                    <li>
                                        Hi,请注册
                                        </li>
                                    <li>
                                        免费注册
                                        </li>
                                    <li>
                                        全国名师
                                        </li>
                                    <li className='border-left'>
                                        精品微课
                                        </li>
                                    <li className='border-left'>
                                        名校大全
                                        </li>
                                    <li className='border-left'>
                                        试卷大全
                                        </li>
                                    <li className='border-left'>
                                        试题大全
                                        </li>
                                </ul>
                            </div>
                        </div>
                        <div className='main'>
                            <div className='main-top'>
                                <div>
                                    <ul>
                                        <li style={{ background: 'rgb(255,102,0)' }}>
                                            首页
                                            </li>
                                        <li>
                                            精品课程
                                            </li>
                                        <li>
                                            名校名师
                                            </li>
                                        <li>
                                            名师入住
                                            </li>
                                        <li>
                                            产品中心
                                            </li>

                                    </ul>
                                </div>
                            </div>
                            <div className='main-img'>

                            </div>
                        </div>
                    </div>
                </header>
            </>
        )
    }
}

export default header